﻿@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0 }
body { font-size:14px; color:#282828; font-family:"微软雅黑", Arial, Helvetica, sans-serif; letter-spacing:0.7px;  }
ul,li { list-style:none }
.clear { clear:both }
.clearfix::after, .clearfix::before { content: "";display: table;}
.clearfix::after { clear: both;}
body, ul, ol, li, p, h1, h2, h3, h4, table, td, th, form, img, dl, dt, dd, input, select, textarea { margin:0; padding:0; }
img { border:0; }
a { text-decoration:none; color:#3f3f3f; outline:none;}
a:hover { text-decoration:none; color:#1e3988; }

/*----------------------*/

.head{ height:32px; background-color:#023b7c; }
.head_con{ width:1000px; margin:0 auto; font-size:14px; line-height:32px; color:#FFF;}
.shiming { width:400px; float:left; }
.head_right { width:340px; float:right;}
.language { width:50px;  float:left ; }
.language a { color:#FFF;text-decoration:underline;}
.TEL { width:180px; background:url(../images/telico.png) no-repeat 2px 5px; text-indent:30px; float:left; font-weight:bold; margin-left:30px; font-size:14px;}

.top_box1 {float: right;margin-top:3px; width:60px;}
.top_box1 a { background: url(../images/w2.png) no-repeat scroll center center;display: block;float: left;height: 23px; margin-right: 5px; position:relative; width: 24px;}
.top_box1 a span { background: url(../images/two_bg.png) no-repeat scroll center center; display: none; height: 80px;left: -35px; padding: 15px 7px 7px; position: absolute; top: 24px; width: 80px; z-index: 20;}
.top_box1 a:hover span { display: block;}

.nav_logo { width:1000px; height:92px; margin:0 auto 8px;background-color:#FFF; }
.logo { width:160px; height:60px; float:left; margin:20px 20px 0 0;}
.search-btn{width:70px; height:40px; line-height:40px;text-indent:32px;float:right; font-size: 16px; background:url(../images/sousuo.gif) no-repeat; color:#000; cursor:pointer; text-align:right;}
.modal { position: fixed; z-index: 9999999999; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5);display: none; }
.modal-dialog { position: absolute; z-index:9999999999; left: 0; top: -174px; width: 100%; background-color: #023b7c; }
.modal-content { width: 1000px; margin: auto; }
.modal-content > div { float: left; }
.modal-content input { border: none; }
.modal-content .search-logo { margin-top:40px; width: 180px; height: 100px; }
.modal-content .search-bar { margin: 47px 30px 47px 50px; overflow: hidden; }
.modal-content .search-tab .tab { padding: 6px 20px; float: left; font-size: 24px; color: #fff; cursor: pointer; }
.modal-content .search-tab .on { }
.modal-content .tab-panel { display: none; }
.modal-content .on { display: block; }
.modal-content .search-bar .search-keywords { margin-top: 2px; border-radius: 6px; height: 34px; overflow: hidden; }
.modal-content .search-bar .keywords { float: left; padding-left: 10px; width: 540px; height: 34px; line-height: 34px; font-size: 16px; }
.modal-content .search-bar input[type="submit"] { float: left; width: 100px; height: 34px; line-height: 34px; text-align: center; font-size: 16px; background: #ef011c; color: #fff; cursor: pointer; }
.modal-content .search-close { margin-left: 14px; float: left; width: 34px; height: 34px; line-height: 34px; text-align: center; color: #2b2b2b; font-size: 18px; font-weight: 700; cursor: pointer; background: #eee; border-radius: 50%; transition: .4s all; }
.modal-content .search-close:hover { background: #ef011c; color: #fff; transform: rotate(360deg); -webkit-transform: rotate(360deg); }
.modal-open { overflow: hidden; padding-right: 17px; }

/*--/search modal end--*/

/* banner begin */
.slide-main{height:500px;position:relative;}
.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222;top:177px;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;}
.prev{left:70px;}
.next{right:70px;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.item{display:block;width:100%;height:5px;position:absolute;z-index:124;top:440px;left:0;text-align:center;}
.item a{display:inline-block;width:24px;height:5px;margin-right:11px;background:#023b7c;overflow:hidden;}
.item a.cur{ background-color: #F30;}
.slide-box,.slide{display:block;width:100%;height:500px;overflow:hidden;}
.slide-box{position:relative;}
.slide-box img { height:500px;}
.slide{display:none;height:500px;background:#ff6900;position:absolute;z-index:8;  }
.slide a{display:block;width:100%;height:501px;cursor:pointer;}


/* banner end */

.Ipro { width:1000px; height:280px; margin:30px auto;}
.Ipro_t { width:1000px; height:40px; margin:0 auto;}
.Ipro_t h3 { width:150px; height:40px; font-size:24px; line-height:40px; float:left; font-weight:normal;}
.Ipro_t span { width:500px;  height:20px; line-height:20px; margin-top:15px; float:left; }
/*scroll start*/
.blk_18 { margin:40px auto 0 auto; FONT-SIZE: 12px; OVERFLOW: hidden;  WIDTH: 1000px; ZOOM: 1;}
.blk_18 .pcont { OVERFLOW: hidden; WIDTH:852px;height:280px; margin:0 20px; float:left;}
.blk_18 .ScrCont { WIDTH: 32766px; ZOOM: 1}
.blk_18 #List1_1 {FLOAT: left;height:280px;}                
.blk_18 #List2_1 { FLOAT:left;}
.blk_18 .LeftBotton { BACKGROUND:url(../images/leftico.jpg) center no-repeat;background-position:0 0px;  transition: all 0.2s ease-in-out 0s; FLOAT: left;  WIDTH: 50px; HEIGHT: 50px; margin-top:50px;display:inline}
.blk_18 .RightBotton { BACKGROUND: url(../images/rightico.jpg) center no-repeat;background-position:0 0px;transition: all 0.2s ease-in-out 0s; FLOAT:left; WIDTH: 50px; HEIGHT:50px;margin-top:50px;display:inline;}
.blk_18 .LeftBotton:hover {BACKGROUND:url(../images/leftico.jpg) no-repeat;background-position:0 -50px;}
.blk_18 .RightBotton:hover {BACKGROUND:url(../images/rightico.jpg)  no-repeat;background-position:0 -50px;}
.blk_18 .pl IMG { width:280px;height:190px;DISPLAY: block; MARGIN: 0 auto; CURSOR: pointer; }
.blk_18 .pl {FLOAT: left; WIDTH:280px;margin:0px 2px;display:inline;TEXT-ALIGN: center; TEXT-DECORATION: none;}
.blk_18 A.pl:hover img{filter:alpha(opacity=85);-moz-opacity:0.85;opacity:0.85;}
.blk_18 A.pl:hover {#color:#f00;}
.blk_18 A.pl h3{height:40px;font-size:14px;padding:0;line-height:40px;font-weight:300;overflow:hidden;}
.blk_18 A.pl:hover h3{color:#F00;}
.commu_cont3 { MARGIN: 0px 7px 0px; LINE-HEIGHT: 100%}
.commu_cont3 UL { WIDTH: 188px;}
/*Ipro end*/




.Iabout { width:1000px; height:360px; margin:80px auto 0 auto; background:url(../images/Iaboutbg.jpg) no-repeat;}
.Iabout_con { width:350px; height:auto; color:#FFF; margin: 0 0 30px 30px; padding-top:40px;}
.Iabout_con h3 { width:300px; font-size:24px; float:left; margin-bottom:30px;}
.pinpai { font-size:12px; float:left; margin:12px 0 0 30px;}
.Iabout_con p { clear:both; line-height:28px; }
.more { width:136px; height:38px; background-color:#da251c; display:block; text-align:center; line-height:38px; margin:0 0 0 30px;}
.more a { color:#FFF;}

.Isolution { height:500px; margin-top:30px;}
.Isolution_t { width:1000px; height:40px; margin:0 auto;}
.Isolution_t h3 { width:230px; height:40px; font-size:24px; line-height:40px; float:left; font-weight:normal;}
.Isolution_t span { width:500px;  height:20px; line-height:20px; margin-top:15px; float:left; }
.Isolution_con { width:1000px; margin:25px auto; clear:both;}
.Isolution_up li { width:325px; height:220px;position:relative; float:left; overflow:hidden; margin:0 3px 0 2px; }
.Isolution_up li img {position:relative; width:325px; height:220px; transition: all 0.5s ease 0s;}
.Isolution_up li p{ position: absolute; display:block; left:0; top:180px; width:325px; height:40px; line-height:40px; text-align:center; z-index:101;background-color:rgba(9,80,133,0.7);  }
.Isolution_up li a {  width:325px; height:40px;  font-size:14px; font-weight:bold; color:#fff;display:block; transition: all 0.5s ease 0s;}
.Isolution_up li a:hover {transform: scale(1.1);transition: all 0.5s ease 0s;}
.Isolution_down li { width:242px; height:210px;position:relative; float:left; overflow:hidden; margin:4px 2px 0 3px; display:inline;transition: all 0.5s ease 0s;}
.Isolution_down { }
.Isolution_down li img {position:relative; width:242px; height:210px;transition: all 0.5s ease 0s;}
.Isolution_down li p{ position: absolute; display:block; left:0; top:170px; width:242px; height:40px; line-height:40px; text-align:center; z-index:101;background-color:rgba(9,80,133,0.8);  }
.Isolution_down li a {  width:242px; height:40px;  font-size:14px; font-weight:bold; color:#fff;display:block;transition: all 0.5s ease 0s; }
.Isolution_down li a:hover {transform: scale(1.1);transition: all 0.5s ease 0s;}
.Inews { height:380px; margin-top:30px;}
.Inews_t { width:1000px; height:40px; margin:0 auto;}
.Inews_t h3 { width:200px; height:40px; font-size:24px; line-height:40px; float:left; font-weight:normal;}
.Inews_t span { width:500px;  height:20px; line-height:20px; margin-top:15px; float:left; }
.Inews_con { width:1000px; margin: 30px auto 25px auto; clear:both; }
.Inews_con li { height:70px; width:460px; float:left; margin:0 20px 30px 10px; display:block;}
.Inews_con li a {  height:72px; width:460px; display:block;}
.Inews_con li a:hover { color:#666; display:block;}
.Inews_time { height:60px; width:70px; border:1px #999 solid;  color:#333;font: 14px "微软雅黑"; padding:1px; float:left;}
.Inews_time img {  height:60px; width:70px;}
.Inews_topC { width:370px; float:left; height:70px; margin-left:10px;}
.Inews_topT { margin-bottom:4px; font-weight:bold; }
.Inews_topT a { font:bold 14px "微软雅黑"; line-height:22px; }
.Inews_topC p { line-height:24px; }

.footer_wrap { height:420px; background-color:#023b7c; }
.footer { width:1000px; height:420px; margin:0 auto;}
.footer_up { height:310px; padding-top:30px;}
.footer_up dl { width:166px; float:left; color:#FFF; text-align:left; }
.footer_up dt { font-size:16px; font-weight:bold; line-height:40px; margin-bottom:15px;}
.footer_up dt a,.footer_up dt a:hover { color:#FFF;}
.footer_up dd { line-height:32px;}
.footer_up dd a,.footer_up dd a:hover { color:#FFF;}
.footer_contact { width:500px; float:left;}
.fc_t { font-size:16px; color: #fff; font-weight:bold; line-height:40px; margin-bottom:20px;}
.footer_contact img { float:left;}
.fc_right { width:310px; float:right;}
.fc_right p { /*line-height:46px;height:46px; text-indent:34px;*/ min-height:30px;margin-top:10px; padding-left:32px;padding-top:10px}
.Iadd {  color: #FFF; background: url(../images/addico.png) left no-repeat; }
.Iphone {  color: #FFF; background: url(../images/foot2.png) 2px no-repeat; }
.Imail {  color: #FFF; background: url(../images/foot3.png) 2px no-repeat; }
.line { height:1px; border-bottom: #E4E4E4 1px solid;}
.footer_down { margin-top:10px;}
.footer_down p { line-height:30px; color:#FFF;}
.footer_down p a { color:#FFF;}


/*product*/
.proBanner {height: 140px;}
.newsBanner { height: 140px;}
.contactBanner { height: 140px;}
.knowledgeBanner {height: 140px;}
.solutionBanner {height: 140px;}
.aboutBanner {height: 140px;}
.ProBanner { height:140px;}

.bread { height:30px; background-color:#EFEFEF;}
.bread_con { width:1000px; margin:0 auto;line-height:30px; }
.bread a:hover { color:#3f3f3f; }
.proSort { width:auto  height:240px; margin:20px 0; padding:30px 0;}
.proSort_box { width:1000px; margin:0 auto;}
.proSort_t {height: 26px;line-height: 26px;}
.proSort_t h2 a { border-left: 4px solid #ef001d;color: #ef001d; float: left;font-size: 24px;font-weight: normal; padding-left: 10px;}
.proSort_t h2 a:hover {color: #ef001d;}
.proSort_t .link {  float: right;}
.proSort_t .link a {color: #535353;font-size: 14px;}
.proSort_bd {margin-top: 17px; }
.proSort_banner {float: left; height: 240px; overflow: hidden;width: 238px; margin:12px 12px 0 0;}
.proSort_banner  img { height: 100%; width: 100%;}
.pro_item { background: #fff none repeat scroll 0 0; border: 1px solid #c9c9c9; float: left; height: 240px; margin: 12px 12px 0 0; overflow: hidden;   text-align: center; width: 236px;}
.pro_item .img { height:160px;line-height: 250px; overflow: hidden; width: 236px; margin:20px 0;}
.pro_item .img img { width: 236px; height:160px; transform: translateZ(0px); transition-duration: 0.2s; transition-property: transform; transition-timing-function: ease-out;    vertical-align: middle;}
.pro_item .img:hover img {transform: translateX(-4px);}
.pro_item .text { margin: 10px 0;}
.pro_item .text h3 { color: #000; font-size: 14px; font-weight: normal;}
.ps { background-color: #F2F2F2;}
.ps_t h2 a { border-left: 4px solid #000; color: #000;}
.ps_t h2 a:hover {  color: #000;}

/*product end*/


/*leftnav begin*/
.left_nav { background: #fff none repeat scroll 0 0; border: 1px solid #cdcdcd;  height: auto; left: 50%; margin: -170px 0 0 -650px; padding: 1px;    position: fixed; top: 80%; width: 140px; z-index: 777;}
.left_nav dl dt { background: #2329e6 url("../images/long.png") no-repeat scroll 12px center; color: #fff; height: 22px; line-height: 22px; margin-bottom: 4px; padding-left: 35px; width: 105px;}
.left_nav dl dd { height: 30px; position: relative; width: 148px;}
.left_nav dl dd .nav_right { background: #fff none repeat scroll 0 0; border: 1px solid #ccc; display: none; height: auto; left: 140px; overflow: hidden;   padding: 0 5px 10px; position: absolute; top: 0; width: 240px;}
.left_nav dl dd .nav_right a { background:url("../images/nav_right_bg.png") no-repeat scroll 20px center; color: #666; display: block; float: left;    height: 20px; line-height: 20px; margin-top: 10px; overflow: hidden; padding-left: 40px; text-align: left; text-overflow: ellipsis;white-space: nowrap;   width: 200px;}
.left_nav dl dd .nav_right a:hover { background: #0b4eb9 url("../images/nav_right_bg2.png") no-repeat scroll 20px center;color: #fff; height: 20px;   line-height: 20px; padding-left: 40px; text-align: left;text-decoration: none; width: 200px;}
.left_nav dl dd a.nav_left {background: #e0e0e0 url("../images/left_nav_dt_bg.png") no-repeat scroll 105px center; border-bottom: 1px solid #fff; color: #3c4347; display: block; height: 29px; line-height: 29px; overflow: hidden; padding-left: 13px; text-overflow: ellipsis; white-space: nowrap; width: 127px;}
.left_nav dl dd a.nav_left:hover { background: #0b4eb9 url("../images/left_nav_dt_bg2.png") no-repeat scroll 105px center; color: #fff; text-decoration: none;}

.product { width:1000px; height:auto; margin: 20px auto; }
.leftside {width:200px; height:auto; float:left; padding-bottom:20px;}
.proside_bar { width:200px; height:auto;background-color:#024590; margin-top:30px;}
.proside_bar ul {}
.proside_bar li {}
.proside_bar li a { color: #fff;display: block; font-size: 14px;height: 48px;line-height: 48px;text-align: center; width: 200px; background:url(../images/menu-split.jpg) repeat-x bottom;transition: background 0.6s ease 0s;}
.proside_bar li a:hover {transition: background 0.6s ease 0s; position:relative;background: #033562 none repeat scroll 0 0;}
.side_solution { margin:30px auto; width:200px;  }
.prot p { color: #999; float: left; margin-left: 4px; margin-right: 4px;}
.prot { width:110px; margin:0 auto; }
.prot h3 { font-size:14px; float:left; }
.sorbox { display: inline; float: left; height: 150px; margin: 10px 8px 15px 0; margin-right: 8px; text-align: center; width: 100%;}
.sorbox img { width:190px; height:130px; border: 1px solid #ddd; padding:2px; margin-bottom:3px;}




.prolist_right { width:750px; float:right;padding-bottom:20px;}
.prolist_t { font-size:18px; font-weight:bold; color:#d22817; margin-bottom:20px;}


.fenye {  height: 24px; line-height: 24px; padding: 20px 0; text-align: center;}
/*.fenye li { float: left; font-size: 12px; height: 24px; line-height: 24px; margin-left: 10px; margin-top: 3px; min-width: 24px; width: auto;}
.pagelist li a:hover, .thisclass { background-color: #ff0000; color: #ffffff; height: 24px; min-width: 24px; width: auto;}*/
    .fenye .nolink {
    display:none;
    }
    .fenye span {font-size: 12px;
    }
    .fenye .nolinks ,.fenye .nolink {
  padding:3px 8px 3px 8px;margin-right :5PX;
    }
    .fenye A {   padding:3px 8px 3px 8px;margin-right :5PX;font-size: 12px;
    }
    .fenye font {   background-color:#ff0000;color:#FFF; padding:3px 8px 3px 8px;margin-right :5PX;
    }
    .fenye a:hover {
    background-color:#ff0000;color:#FFF;
    }

/*--pro_con1--*/
.prolist_top { height: auto; text-align:center;}
.prolist_top h1 { font-size:16px; color:#c90006; margin-top:20px;  }
.cppro img { width:480px;  margin:30px 0; }
/*
.cpcon { height:auto; margin-top:30px; }
.cpcon h5 { font-size:16px;margin-bottom:20px; height:40px; line-height:40px; border-top:1px solid #033562; border-bottom:1px solid #033562; text-indent:28px; }
.cpcon p { font-size:14px; line-height:28px; text-indent:28px; }*/


/*--pro_con2--*/



.cp_pic { width:540px; height:350px; float:left;}
.cp_pic img { width:540px; height:350px;}
.cp_dec { width: 380px; height:350px; float:right;}
.cp_dec h1 { font-size:18px; margin: 20px 0 30px 0 ;color:#c90006;}
.cp_dec p { line-height:28px; }

.cp_dec dl { height:auto; line-height:28px; overflow:hidden; margin:15px 0;}
.cp_dec dl dt { width:100px;  font-weight:bold; color:#c90006; float:left;}
.cp_dec dd { float:left; width:250px;}

.p_btn { height:60px;  margin:40px auto 0 auto; text-align:center;}
.p_online { width:180px; height:40px; margin-top:10px; display:block;float:left;}
.p_btn span { float:left; margin: 10px 0 0 30px;}
.p_online:hover { color:#FFF;}
.pdfdown { width:140px; float:right;  color:#c90006; font-size:12px; margin-top:5px;}
.pdfdown img { height:30px; width:36px;}
.pdfdown:hover { color:#c90006;}
.cpcon { height:auto; margin-top:30px;}
.cpcon_t { font-size:16px;margin-bottom:20px; height:40px; line-height:40px; border-top:1px solid #033562; border-bottom:1px solid #033562; text-indent:28px;}
.cpcon_t span { font-size:14px; float:right;}
.cpcon p { font-size:14px; line-height:28px; text-indent:28px; }
.newslist_t { font-size:18px; font-weight:bold; color:#d22817; margin:0 0 0px 0; height:40px; border-bottom:1px #CCC solid;}
.newslist_t span { float:right; margin-top:7px;  }
.newslist_t span a { color:#282828; font-size:14px;}
.newsli_top { height:250px; margin-top:20px;}
.newsli_pic { width:280px; float:left; padding:1px; border:1px solid #333;}
.newsli_pic img { width:280px;}
.newsli_c { width:430px; float:right;}
.newsliT { font-size:16px; line-height:30px; margin-bottom:15px; font-weight:bold;}
.newsli_c p { line-height:28px; margin-bottom:20px;}
.xinwen_li { margin:20px 0;}
.xinwen_li li { line-height:28px; margin:2px 0;}
.xinwen_li span { float:right;}

.gsnews_list { margin:30px 0; height:115px;}
.gsnews_pic { width:160px; float:left;}
.gsnews_pic img { width:160px;}
.gsnews_c { width:560px; float:right;}
.gsnews_t { line-height:20px; margin-bottom:8px;}
.gsnews_c p { line-height:28px;}
.gsnews_c span { font-size:12px; line-height:26px;}

.news_list { height:110px; border-bottom:#CCC 1px dashed; margin:20px 0; }
.news_listT { line-height:30px; margin-bottom:5px;}
.news_listT span { font-size:14px; float:right; }
.news_list p { line-height:30px;}

.news_con h1 { font-size:16px; text-align:center; line-height:38px;}
.author { font-size:12px; line-height:28px; text-align:center; margin: 5px 0 10px 0;}
.news_con p { line-height:28px; text-indent:32px; margin-top:5px;}

.about_right { width:750px; float:right;padding-bottom:20px;}
.about_right img { text-align:center;}
.about_right p { text-indent:32px; line-height:30px; margin-top:8px;}

.contact_con { height:60px; padding:50px 0; color: #666; border-top:1px dashed #bdbdbd; border-bottom:1px dashed #bdbdbd; margin:20px 0; }
.contact_con li { width:450px; line-height:30px;}
.contact_tel {  float:left; margin-left:50px;}
.contact_tel img { float:left; margin:10px 20px 0 0;}
.contact_email {  float:right;}
.contact_email img { float:left; margin:10px 20px 0 0;}

/*message*/
.message { height:480px;}
#ponmsg-bg {width: 500px; float:left;}
#ponmsg {width:500px;}
#ponmsg h2 {font-size: 14px;    font-weight: 500;    height: 45px;    line-height: 45px;    margin-top: 15px;    width: 200px;}
#ponmsg p {    color: #666;    font-family: "宋体";    font-size: 12px;    font-weight: 500;    margin-top: 5px;    width: 99%;}
#ponmsg table {    width: 100%;}
#ponmsg input {    background: #fff none repeat scroll 0 0;    border: 1px solid #ccc;    color: #999999;    float: left;    font-size: 14px;    height: 38px;    line-height: 38px;    margin-top: 15px;    text-indent: 10px;    width: 140px;   }
#ponmsg input:hover {    border: 1px solid #29a3e2;}
#ponmsg textarea {    background: #fff none repeat scroll 0 0;    border: 1px solid #ccc;    color:  #999999;    float: left;    font-size: 14px;    height: 135px;    line-height: 38px;    margin-top: 15px;    text-indent: 10px;    width: 99%;}
#ponmsg textarea:hover {    border: 1px solid #29a3e2;}
#ponmsg button {    border: medium none;    color: #fff;    cursor: pointer;    font-size: 17px;    height: 40px;    margin-left: 100px;    margin-top: 30px;    width: 140px;}
#ponmsg .psubbtn {    background: #014582 none repeat scroll 0 0;}
#ponmsg .presetbtn {    background: #454545 none repeat scroll 0 0;}


/*search begin */

.search_list { height:140px; border-bottom:#CCC 1px dashed; margin:20px 0; }
.search_listT { line-height:30px; margin-bottom:5px; font-weight:bold;}
.search_list p { line-height:30px;}
.search_y { color:#039;}


/*return top */

.cd-container { width: 90%; max-width: 768px; height:3000px; margin: 2em auto; display:block}
.cd-container::after { content: ''; display: table; clear: both;}
.cd-top {  display: inline-block;  height: 70px;  width: 70px;  position: fixed;  bottom: 35px;  right: 10px;  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); 
  overflow: hidden;  text-indent: 100%;  white-space: nowrap;  background: url(../images/return_top.jpg) no-repeat center 50%;  visibility: hidden;  opacity: 0;
  -webkit-transition: all 0.3s;  -moz-transition: all 0.3s;  transition: all 0.3s;}
.cd-top.cd-is-visible {   visibility: visible;  opacity: 1;}



/*prolist_yy begin*/

.prolist_yy { height:100px; margin:30px 0;}
.sensor_p { height:40px; line-height:40px; font-size:16px; text-align:center; margin-bottom:20px;}
.prolist_yy ul { width:900px; margin:0 auto; }
.prolist_yy li { width:220px;border: 1px solid #bbb;height: 38px; margin-right: -1px; float:left; margin-bottom:30px;}
.prolist_yy li a {  width:220px;color: #272727; display: block; font: 14px/38px "Microsoft YaHei","微软雅黑"; height: 38px; text-align: center;}
.prolist_yy li .cur {background-color:#024590 ; border: 1px solid  #024590; color:#FFF;}
.prolist_yyright { width:750px; float:right;padding:0 0 30px 0;}
.proyy_item { background: #fff none repeat scroll 0 0; border: 1px solid #c9c9c9; float: left; height: 180px; margin: 12px 10px 0 0; overflow: hidden;   text-align: center; width: 138px;}
.proyy_item .img { height:120px;line-height: 250px; overflow: hidden; width: 138px; margin:10px 0 0 0;}
.proyy_item .img img { width: 138px; height:96px; transform: translateZ(0px); transition-duration: 0.2s; transition-property: transform; transition-timing-function: ease-out;    vertical-align: middle;}
.proyy_item .img:hover img {transform: translateX(-4px);}
.proyy_item .text { font-size: 12px;}
.proyy_item .text h3 { color: #000;font-size: 12px;margin-bottom:10px;  font-weight: normal;}
.proyy_item .text span { text-align:left; line-height:22px;color: #000;}
.prolist_yyt { font-size:16px;  color:#d22817; }
.profl { height:auto; margin:20px 0 10px 0; overflow:hidden;}
.proside_bar .thisclass {transition: background 0.6s ease 0s; position:relative;background: #033562 none repeat scroll 0 0;}




/*huodong*/

.huodong_item { background: #fff none repeat scroll 0 0; border: 1px solid #c9c9c9; float: left; height: 300px; margin: 12px 20px 0 20px; overflow: hidden;   text-align: center; width: 330px;}
.huodong_item:hover { border: 1px solid #d22817;}
.huodong_item .img { height:130px;overflow: hidden; width: 290px; margin:20px; text-align:center}
.huodong_item .img img { width: 290px; height:130px; transform: translateZ(0px); transition-duration: 0.2s; transition-property: transform; transition-timing-function: ease-out;    vertical-align: middle;}
.huodong_item .text { font-size:12px; color:#666; line-height:28px;}
.huodong_item .text h3 {  font-size: 16px; font-weight: normal;color:#666; line-height:40px;}
.huodong_item span { width:100px; height:30px; line-height:30px; border: 1px solid #c9c9c9; display:block; margin:10px auto; }
.huodong_item span:hover {border: 1px solid #d22817; }
.hdcon { height:auto; margin:30px 0; }

